.login-container {
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  Button {
    margin-top: 50px;
  }
}
.character-item {
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content: center;
  color:#fff;
  margin-left: 40px;
  img {
    margin-bottom: 20px;
    width:100px;
    height:100px;
    border-radius: 50px;
  }
}
.character-item-container {
  display: flex;
  flex-direction: row;
}
.step1 {
  height:100%;
  width:100%;
  background-image: url("../imgs/background.jpg");
  background-size: cover;
  background-position: center center;
  padding:40px;
}
.step1-content {
  border-radius: 5px;
  background: #fff;
  width:100%;
  height:100%;
  padding:20px;
  padding-bottom: 40px;
  position: relative;
}
.step1-box1 {
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  padding:20px;
  margin-top: 20px;
  width:100%;
  background: #f7f7f7;
  height: 300px;
}
.step1-box1-left {
  flex: 1;
}
.step1-box1-right {
  flex: 1;
}
.step1-nextstep-button {
  position:absolute;
  right:40px;
  bottom:20px;
}
.step2-prev-step {
  position: absolute;
  left:40px;
  bottom:20px;
}
.step2-next-step {
  position: absolute;
  right:40px;
  bottom:20px;
}


